<!DOCTYPE html>
<html lang="zh-cn" class="no-js">
	<head>
		<meta http-equiv="Content-Type">
		<meta content="text/html; charset=utf-8">
		<meta charset="utf-8">
		<title>广州台第二届粉丝节</title>		
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">        
		<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/car/index.css" />
		<link rel="stylesheet" type="text/css" href="{$_C.hy_path}css/car/animations.css" />
	</head>
	<style>

@keyframes shakeScale {
  from {
    transform: scale3d(0.7, 0.7, 0.7);
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
  }
  50% {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(0.7, 0.7, 0.7);
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
  }
}
@-webkit-keyframes shakeScale {
  from {
    transform: scale3d(0.7, 0.7, 0.7);
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
  }
  50% {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(0.7, 0.7, 0.7);
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
  }
}
.shakeScale {
  animation: shakeScale 2s ease infinite;
  -webkit-animation: shakeScale 2s ease infinite;
}

	</style>
	<body>
	    <div id="loading">
	     	<div class="spinner">
	  			<div class="double-bounce1"></div>
	  			<div class="double-bounce2"></div>
			</div>
		</div>
		<div class="arrow">
			<img class="page-moveIconUp" src="{$_C.hy_path}images/car/arrow.png" />
		</div>
		<div id="content" style="display:none">
			<div class="page page-1-1 page-current">
				<div class="wrap">
					<img class="img_1 page-moveScale" src="{$_C.hy_path}images/car/1-1.png" />
                    <img class="img_2 page-moveFromBottom page-delay300" src="{$_C.hy_path}images/car/1-2.png" />
				</div>
			</div>
			<div class="page page-2-1 hide">
				<div class="wrap">
					<img class="img_1 page-moveFromBottomFade hide" src="{$_C.hy_path}images/car/line.png" />
 					<img class="img_3 page-moveFromLeft hide page-delay500" src="{$_C.hy_path}images/car/line1.png" />
 					<img class="img_4 page-moveFromRight hide page-delay1000" src="{$_C.hy_path}images/car/line2.png" />
 					<img class="img_5 page-moveFromLeft hide page-delay1500" src="{$_C.hy_path}images/car/line3.png" />
 				</div>
			</div>
			<!-- <div class="page page-3-1 hide">
				<div class="wrap">
					<img class="img_1 hide page-moveFromBottom" src="{$_C.hy_path}images/car/3-1.png" />
					<img class="img_2 hide page-moveFromBottom page-delay500" src="{$_C.hy_path}images/car/3-2.png" />
				</div>
			</div> -->
			<div class="page page-3-1 hide">
				<div class="wrap">
					<img class="img_6 hide page-moveFromBottom page-delay500" src="{$_C.hy_path}images/car/3-1.png" />
					<img class="img_1 hide page-moveFromBottom page-delay1000" src="{$_C.hy_path}images/car/4-1.png" /> 
					<img class="img_2 page-moveScale hide page-delay1500" src="{$_C.hy_path}images/car/map.png" />
                    <a  href="/ws/index.php?g=mobile&m=rchat&a=indexFensi&ticket={$ticket}" class="btn hide page-delay2000"><img class="img_3 page-moveFromBottom hide page-delay1000 shakeScale " src="{$_C.hy_path}images/car/4btn.png" /></a>
                    <a  href="/ws/index.php?g=mobile&m=car&a=shake={$ticket}" class="btn hide page-delay2000"><img class="img_4 page-moveFromBottom hide page-delay1000 shakeScale" src="{$_C.hy_path}images/car/4btn2.png" /></a>
				</div>
			</div> 
    	</div>	
        <script src="{$_C.hy_path}/js/car/zepto.min.js"></script>
		<script src="{$_C.hy_path}/js/car/touch.js"></script>
		<script src="{$_C.hy_path}/js/car/index.js"></script>
        <script type="text/javascript">
			document.onreadystatechange = loading; 
			function loading(){
				if(document.readyState == "complete")
				{ 
					$("#loading").hide();
					$("#content").show();
				}
			}
		</script>
		{include file="../Common/g4-share-fensi.html"}
	</body>
</html>
